@charset "UTF-8";
/* CSS Document */

body.overflow, html.overflow { overflow-y: hidden }
html::-webkit-scrollbar { display:  none; }

html { height: 100%; line-height: 1.15; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100% }
body { margin: 0; font-family: 'Noto Sans SC','Microsoft YaHei', Arial, sans-serif; color: #666; background: #fff }
h1, h2, h3, h4, h5, h6 { margin: 0; font-weight: 400; line-height: 1 }
p { margin: 0 }
address { margin-bottom: 1.125rem; font-style: normal; line-height: inherit }
dd, dl, ol, ul { margin: 0; padding: 0; list-style: none }
a { color: inherit; text-decoration: none }
i { font-style: inherit }
ul, li, ol { list-style: none;}
figure { margin: 0 }
img { vertical-align: top; border: 0 none }
img::-moz-selection { background: 0 0 }
img::selection { background: 0 0 }
hr { visibility: visible; height: 1px; margin: 0; background: #eee; border: 0 none }
svg { width: 100%; height: 100% }
*, :after, :before { -webkit-box-sizing: border-box; box-sizing: border-box }
.clearfix:after{ display: block;clear:both; content: ""; visibility: hidden; height: 0;}
.clearfix{ zoom: 1;}
:focus { outline: 0 none }
.fl {float: left;}
.fr {float: right;}
.container{ width: 1300px; margin: 0 auto;}
.fixedImg {
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}

.l{float: left; }
.r{float: right; }


/* 等比填充 */
*[class*="rect-"]{position: relative;display: block; width: 100%;height: 0;overflow: hidden;}
*[class*="rect-"] .full{position: absolute;left: 0;top:0;width: 100%;height: 100%;
*height: auto;}
.rect-50{padding-bottom: 50%;}
.rect-55{padding-bottom: 55%;}
.rect-79{padding-bottom: 79%;}

.imgZoom img,.imgY180 img { -moz-transition:all .5s ease 0s; -ms-transition:all .5s ease 0s; -o-transition:all .5s ease 0s; -webkit-transition:all .5s ease 0s; transition:all .5s ease 0s;}
.imgZoom { overflow:hidden; -webkit-transform:rotate(0); transform:rotate(0); }
.imgZoom:hover img{ -moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1);}
.imgY180:hover img { cursor:pointer; -moz-transform:rotateY(180deg); -ms-transform:rotateY(180deg); -o-transform:rotateY(180deg); -webkit-transform:rotateY(180deg); transform:rotateY(180deg) }

.header{ width: 100%; position: fixed; top:0; left: 0; height: 90px; background: #fff; z-index: 999;box-shadow: 0 0 5px rgba(0,0,0, 0.3);  }
.header .logo{ position: relative;height: 60px; margin: 15px 0;}
.header .nav li{ display: inline-block; }
.header .nav .nLi{ float:left;  display:inline;  text-align: center; line-height: 90px; }
.header .nav .nLi:hover .sua{ color: #10458f; font-weight: bold;}
.header .nav .nLi.active{ color:#10458f;   }
.header .nav .nLi.active .sua{ color: #10458f; font-weight: bold;}
.header .nav .sub{ display:none; width:100%; left:0; top:90px; z-index: 9999;  position:absolute; background:rgba(0,0,0,0.5);  line-height:40px; padding:10px 0;} 
.header .nav .sub li{ zoom:1;   display: inline-block; margin: 0 20px;}
.header .nav .sub a{ display:block; color: #fff;  font-size: 15px; line-height: 40px; margin: 0;}
.header .nav .sub a:hover{ color:#10458f;  font-weight: bold; }
.header .nav li .sua{ margin:0 40px; line-height: 90px; font-size: 16px; color: #333; display: block;position: relative;}
.header .nav li .sua::before{content: ''; position: absolute; left: 0; bottom: 0; width: 0; height: 3px; background: #10458f;}
.header .nav li:hover .sua::before{ width: 100%; -moz-transition:all .5s ease 0s; -ms-transition:all .5s ease 0s; -o-transition:all .5s ease 0s; -webkit-transition:all .5s ease 0s; transition:all .5s ease 0s;}
.header .nav li.active .sua::before{ width: 100%;}

.head{ width: 100%; position: fixed; top:0; left: 0; height: 90px;  z-index: 999; background: rgba(0,0,0, 0.3); -moz-transition:all .5s ease 0s; -ms-transition:all .5s ease 0s; -o-transition:all .5s ease 0s; -webkit-transition:all .5s ease 0s; transition:all .5s ease 0s; }
.head .logo{ position: relative;height: 60px; margin: 15px 0;}
.head .logo .l2{ display: none;}
.head .nav li{ display: inline-block; }
.head .nav .nLi{ float:left;  display:inline;  text-align: center; line-height: 90px; }
.head .nav .nLi:hover .sua{ color: #10458f; font-weight: bold;}
.head .nav .nLi.active{ color:#10458f;   }
.head .nav .nLi.active .sua{ color: #10458f; font-weight: bold;}
.head .nav .sub{ display:none; width:100%; left:0; top:90px; z-index: 9999;  position:absolute; background:rgba(0,0,0,0.5);  line-height:40px; padding:10px 0;} 
.head .nav .sub li{ zoom:1;   display: inline-block; margin: 0 20px;}
.head .nav .sub a{ display:block; color: #fff;  font-size: 15px; line-height: 40px; margin: 0;}
.head .nav .sub a:hover{ color:#10458f;  font-weight: bold; }
.head .nav li .sua{ margin:0 28px; line-height: 90px; font-size: 16px; color: #fff; display: block;position: relative;}
.head .nav li .sua::before{content: ''; position: absolute; left: 0; bottom: 0; width: 0; height: 3px; background: #10458f;}
.head .nav li:hover .sua::before{ width: 100%; -moz-transition:all .5s ease 0s; -ms-transition:all .5s ease 0s; -o-transition:all .5s ease 0s; -webkit-transition:all .5s ease 0s; transition:all .5s ease 0s;}
.head .nav li.active .sua::before{ width: 100%;}

.head.scroll{background: #fff; box-shadow: 0 0 5px rgba(0,0,0, 0.3);}
.head.scroll .nav li .sua{ color: #333;}
.head.scroll .logo .l2{ display: block;}
.head.scroll .logo .l1{ display: none;}

/* banner */
.banner{position:relative; overflow:hidden; margin:0 auto; width:100%; padding-top: 90px;}
.banner .bd{position:relative; z-index:0;margin: 0 auto; overflow: hidden;}
.banner .bd li{position:relative; text-align:center; overflow:hidden;}
.banner .bd li img{vertical-align:top; width:100%;}
.banner .hd{ position: absolute; bottom:3%; text-align: center; width: 100%; }
.banner .hd li {cursor:pointer;display:inline-block;*display:inline;zoom:1;width:12px;height:12px;background: #fff; border-radius:6px; margin:0 5px;overflow:hidden;line-height:999px;}
.banner .hd .on{background:#10458f;}
.banner .prev{display:block;position:absolute;z-index:1;top:50%;margin-top:-22px;left:8%;z-index:1;width:43px;height:43px;background:url(../images/jt_prev.png) center no-repeat;cursor:pointer;filter:alpha(opacity=50);opacity:0.5;display:none;}
.banner .next{display:block;position:absolute;z-index:1;top:50%;margin-top:-22px;right:8%;z-index:1;width:43px;height:43px;background:url(../images/jt_next.png) center no-repeat;cursor:pointer;filter:alpha(opacity=50);opacity:0.5;display:none;}


.InAbout{ width: 100%; position: relative; padding: 60px 0; background: url(../images/InAbobg.jpg);}
.InAbout .Abo1{ float: left; width: 38%; position: relative;top: 98px;}
.InAbout .Abo1 .T{ font-size: 26px; color: #333; position: relative; font-weight: bold;}
.InAbout .Abo1 .T::before{ position: absolute; content: ''; left: 0; top:-15px; width: 30px; height: 3px; background: #10458f;}
.InAbout .Abo1 .Ti{ font-size: 16px; line-height: 30px;color: #666; margin-top: 25px;}
.InAbout .Abo1 .More{ width: 180px; height: 45px; text-align: center; line-height: 41px; border: 2px #10458f solid; margin-top: 50px;}
.InAbout .Abo1 .More a{ font-size: 16px; color: #10458f; line-height: 41px; display: block; position: relative; z-index: 2;}
.InAbout .Abo1 .More a::before{ position: absolute; content: ''; left: 0;top: 0; width: 0; height: 100%; background: #10458f;-moz-transition:all .5s ease 0s; -ms-transition:all .5s ease 0s; -o-transition:all .5s ease 0s; -webkit-transition:all .5s ease 0s; transition:all .5s ease 0s; z-index: -1;}
.InAbout .Abo1 .More a:hover{ color: #fff;}
.InAbout .Abo1 .More:hover a::before{ width: 100%;-moz-transition:all .5s ease 0s; -ms-transition:all .5s ease 0s; -o-transition:all .5s ease 0s; -webkit-transition:all .5s ease 0s; transition:all .5s ease 0s;}
.InAbout .Abo2{ float: right; width: 55%; position: relative;}
.InAbout .Abo2 .Img{ position: absolute; left: 0; z-index: 1; top:60px;}
.InAbout .Abo2 .Tic{  padding:170px 6%; float: right; text-align: right; position: relative; z-index: 2; height: 440px;}
.InAbout .Abo2 .Tic .Ti{ font-size: 26px; color: #10458f; font-weight: bold;}
.InAbout .Abo2 .Tic .Tie{ font-size: 20px; color: #000; margin-top: 20px; position: relative;}
.InAbout .Abo2 .Tic .Tie::before{position: absolute; content: ''; right: 0; bottom: -20px; width: 30px; height: 3px; background: #10458f;}
.InAbout .Abo2 .bg{ width: 75%; background: #fff; float: right;}
.InAbout .Abo3{ position: relative; width: 100%; float: left;text-align: center; top:-25px;}
.InAbout .Abo3 .item{ display: inline-block; margin:0 40px;}
.InAbout .Abo3 .item .Ico{width: 96px; height: 96px; border-radius:50%; border: 1px #ddd dashed; text-align: center; position: relative;}
.InAbout .Abo3 .item .Ico::before{ content: ''; position: absolute; width: 75px; height: 75px; top:50%; margin-top: -38px; left: 50%; margin-left: -38px; background: #fff; border-radius: 50%; z-index: 1;}
.InAbout .Abo3 .item .Ico img{ position: relative; z-index: 2; margin: 33px 0;}
.InAbout .Abo3 .item p{ text-align: center; font-size: 17px; color: #333; font-weight: bold; margin-top: 15px;}
.InAbout .Abo3 .item:hover p{color: #10458f;}
.InAbout .Abo3 .item:hover .Ico{ -webkit-transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); -webkit-animation: beat 0.5s 1; animation: beat 0.5s 1;}
@keyframes beat {
    from, to { -webkit-transform: scale(1, 1); transform: scale(1, 1); }
    25% { -webkit-transform: scale(0.9, 1.1); transform: scale(0.9, 1.1); }
    50% { -webkit-transform: scale(1.1, 0.9); transform: scale(1.1, 0.9); }
    75% { -webkit-transform: scale(0.95, 1.05); transform: scale(0.95, 1.05); }
    from, to { -webkit-transform: scale(1, 1); transform: scale(1, 1); }
    25% { -webkit-transform: scale(0.9, 1.1); transform: scale(0.9, 1.1); }
    50% { -webkit-transform: scale(1.1, 0.9); transform: scale(1.1, 0.9); }
    75% { -webkit-transform: scale(0.95, 1.05); transform: scale(0.95, 1.05); }
}


.InProduct{width: 100%; position: relative; padding: 60px 0;}
.InProduct .T{font-size: 30px; color: #333; font-weight: bold; position: relative;}
.InProduct .T::before{content: ''; position: absolute; bottom: -20px; left: 0; width: 30px; height: 3px; background: #10458f; }
.InProduct .Tc{font-size: 22px; color: #666; font-weight: bold; margin-top: 40px;}
.InProduct .ProList{width: 100%; position: relative;}
.InProduct .pro1{ width: 65%; float: left; background: #f8f8f8; padding-right: 8%; margin-top: 70px;}
.InProduct .pro1 .pro1c{ padding:8%;}
.InProduct .pro1 .pro1c .item{ width:30%; float:left; margin-right: 5%;}
.InProduct .pro1 .pro1c .item:nth-child(3n){ margin-right: 0;}
.InProduct .pro1 .pro1c .item .Img img { -moz-transition:all .5s ease 0s; -ms-transition:all .5s ease 0s; -o-transition:all .5s ease 0s; -webkit-transition:all .5s ease 0s; transition:all .5s ease 0s;}
.InProduct .pro1 .pro1c .item .Img { overflow:hidden; -webkit-transform:rotate(0); transform:rotate(0); }
.InProduct .pro1 .pro1c .item:hover .Img img{ -moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1);}
.InProduct .pro1 .pro1c .item p{ font-size: 16px; font-weight: bold; color: #333; line-height: 40px;text-align: center;}
.InProduct .pro1 .pro1c .item:hover p{color: #10458f;}
.InProduct .pro1 .pro1c .More{ width: 180px; height: 45px; text-align: center; line-height: 41px; border: 2px #10458f solid; margin-top: 50px; float: left;}
.InProduct .pro1 .pro1c .More a{ font-size: 16px; color: #10458f; line-height: 41px; display: block; position: relative; z-index: 2;}
.InProduct .pro1 .pro1c .More a::before{ position: absolute; content: ''; left: 0;top: 0; width: 0; height: 100%; background: #10458f;-moz-transition:all .5s ease 0s; -ms-transition:all .5s ease 0s; -o-transition:all .5s ease 0s; -webkit-transition:all .5s ease 0s; transition:all .5s ease 0s; z-index: -1;}
.InProduct .pro1 .pro1c .More a:hover{ color: #fff;}
.InProduct .pro1 .pro1c .More:hover a::before{ width: 100%;-moz-transition:all .5s ease 0s; -ms-transition:all .5s ease 0s; -o-transition:all .5s ease 0s; -webkit-transition:all .5s ease 0s; transition:all .5s ease 0s;}
.InProduct .pr02{ width: 40%; right: 0; position: absolute; top: -100px;}
.InProduct .pr02 p{ font-size: 16px; font-weight: bold; color: #333; line-height: 40px; margin-top: 15px;}
.InProduct .pr02 span{ font-size: 14px; line-height: 30px; color: #999;}


.Main{ width: 100%; padding: 60px 0; background: #f9f9f9 url(../images/Main.png) bottom center no-repeat;}
.InNews{ float: left; width: 69%; }
.InNews .news_x{ font-size: 30px; color: #000; font-weight:bold; width: 100%; margin-bottom: 25px; }
.InNews .news_rl{float: left;width: 42%;margin-right: 3%;background: #fff;}
.InNews .news_rl .news_rl_top{padding-bottom: 52.6%; padding: 63px 20px 44px 20px; position: relative;}
.InNews .news_rl .news_rl_top .tel{ font-size: 18px;font-weight: bold; color: #000;margin-bottom: 10px;overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.InNews .news_rl:hover .news_rl_top .tel{ color: #10458f; }
.InNews .news_rl .news_rl_top .date{color: #adadad;font-family: microsoft yahei; line-height: 38px; margin-bottom: 5px;}
.InNews .news_rl .news_rl_top .date .month{float:left;font-size: 24px;padding-right: 10px;position: relative;}
.InNews .news_rl .news_rl_top .date .month:after{content:'';position: absolute;right: 0;top: 50%;margin-top: -9px;width: 1px;height: 19px;background:#adadad;}
.InNews .news_rl .news_rl_top .date .year{ float: left; font-size: 18px;margin-left: 14px;}
.InNews .news_rl .news_rl_top .c{font-size: 14px;color: #666; line-height: 26px; height: 52px;overflow: hidden;}
.InNews .news_rl .news_rl_img{ height:216px;}
.InNews .news_rl .news_rl_img img{ width: 100%; height: 100% }
.InNews .news_rl .imgZoom img{ -moz-transition:all .5s ease 0s; -ms-transition:all .5s ease 0s; -o-transition:all .5s ease 0s; -webkit-transition:all .5s ease 0s; transition:all .5s ease 0s;}
.InNews .news_rl .imgZoom { overflow:hidden; -webkit-transform:rotate(0); transform:rotate(0); }
.InNews .news_rl:hover .imgZoom img{ -moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1);}
.InNews .news_rr{float: left;width: 55%;}
.InNews .news_rr li{margin-bottom: 17px;background: #fff;}
.InNews .news_rr li:hover a .tel{color: #10458f;}
.InNews .news_rr li:last-child{margin-bottom: 0;}
.InNews .news_rr li a{display: block;padding: 20px 20px 16px 20px;box-sizing:border-box;}
.InNews .news_rr li a .tel{font-size: 18px;color: #000; font-weight:  bold;overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.InNews .news_rr li a .date{line-height: 1; margin-bottom: 6px;margin-top: 8px; color: #adadad;}
.InNews .news_rr li a .date .month{font-size: 20px; float: left;padding-right: 10px;position: relative;}
.InNews .news_rr li a .date .month:after{content:'';position: absolute;right: 0;top: 50%;margin-top: -9px;width: 1px;height: 19px;background:#adadad;}
.InNews .news_rr li a .date .year{font-size: 15px;margin-top: 3px;margin-left: 11px; float:left;}
.InNews .news_rr li a .li_con{font-size: 14px;line-height: 24px; color:#666;}
.InService{float: right; width: 29%;}
.InService .T{ font-size: 30px; color: #000; font-weight:bold; width: 100%; margin-bottom: 25px; }
.InService .Serlist{ width: 100%;background: url(../images/sbg.jpg) center no-repeat;}
.InService .Serlist .Serbox{ padding: 40px; position: relative;}
.InService .Serlist .Serbox .item{ padding-left: 90px; font-size: 25px; line-height: 72px; color: #fff; font-weight: bold; margin-bottom: 30px;}
.InService .Serlist .Serbox .item1{ background:url(../images/icon/sico1.png) left center no-repeat;}
.InService .Serlist .Serbox .item2{ background:url(../images/icon/sico2.png) left center no-repeat;}
.InService .Serlist .Serbox .item3{ background:url(../images/icon/sico3.png) left center no-repeat;}
.InService .Serlist .Serbox .More{ width: 180px; height: 45px; text-align: center; line-height: 41px; border: 2px #fff solid; margin-top: 17px; float: left;}
.InService .Serlist .Serbox .More a{ font-size: 16px; color: #fff; line-height: 41px; display: block; position: relative; z-index: 2;}
.InService .Serlist .Serbox .More a::before{ position: absolute; content: ''; left: 0;top: 0; width: 0; height: 100%; background: #fff;-moz-transition:all .5s ease 0s; -ms-transition:all .5s ease 0s; -o-transition:all .5s ease 0s; -webkit-transition:all .5s ease 0s; transition:all .5s ease 0s; z-index: -1;}
.InService .Serlist .Serbox .More a:hover{ color: #10458f;}
.InService .Serlist .Serbox .More:hover a::before{ width: 100%;-moz-transition:all .5s ease 0s; -ms-transition:all .5s ease 0s; -o-transition:all .5s ease 0s; -webkit-transition:all .5s ease 0s; transition:all .5s ease 0s;}

.footer{ width: 100%; position: relative; background: #000; padding: 50px 0;}
.footer .flogo{ float: left; text-align: center;}
.footer .flogo p{ font-size: 20px; color: #fff; font-weight: bold; margin-top:20px;}
.footer .footNav{width: 61%; margin-left: 7%; position: relative; float: left;}
.footer .footNav dl{ width: 18%; float: left;}
.footer .footNav dl:nth-child(4){ width: 44%;}
.footer .footNav dl dt{ font-size: 18px; color: #fff; font-weight:bold; position: relative;}
.footer .footNav dl dd{ margin-top: 20px; font-size: 16px; line-height: 30px; color: #fff;}
.footer .footNav dl dd p{height: 30px; margin-bottom: 10px;display: flex;}
.footer .footNav dl dd p img{ float: left; margin: 6px 15px 6px 0;}
.footer .footNav dl dd p span{ float: left;}
.footer .footNav dl dd a{font-size: 16px; color: #fff; line-height: 30px; display: block;}
.footer .footNav dl dd a:hover{ color: #10458f;}
.footer .ewm{text-align: center; float: right;}
.footer .ewm p{font-size: 15px; color: #eee;} 
.footer .ewm img{ width: 130px; height: 130px; margin-top: 20px;}
.copy{ width: 100%; background: #000; padding: 20px 0; border-top: 1px #222 solid;}
.copy .copyl{ float: left; font-size: 15px; color: #fff; line-height: 30px;}
.copy .copyl a{font-size: 15px; color: #fff;}
.copy .copyr{ float: right; font-size: 15px; color: #fff; line-height: 30px;}
.copy .copyr a{ font-size: 15px; color: #fff;}
.copy a:hover{ color: #10458f;}

/* page_banner */
.Pagebanner{width: 100%; position: relative; margin-top: 90px; height: 295px;  overflow: hidden;}
.Pagebanner .black-15{position: absolute; top: 0px;left: 0px; z-index: 1; width: 100%; height: 100%;opacity: 0.2;/* background: url(../images/grid_bg.png) top left repeat; */}
.Pagebanner>.container{position: relative;}
.Pagebanner img{position: absolute;top: 0; left: 50%; margin-left: -960px; max-width: none;}
.Pagebanner .box{position: absolute;top: 125px;left: 0; z-index: 99; text-align: center; width: 100%;}
.Pagebanner .xc_b_h3{font-size: 38px;font-weight: bold;color: #fff;}

.PageMain{ width: 100%; position: relative;}
.PageNav{ width: 100%; position: relative; background: #10458f;}
.PageNav .NavList{ width: 68%; float: left; }
.PageNav .NavList li{position: relative; float: left; color: #fff;width: auto;vertical-align: top; border-right: 2px #0b3775 solid;}
.PageNav .NavList li:nth-child(1){ border-left: 2px #0b3775 solid;}
.PageNav .NavList li a{position: relative;font-size: 16px;height: 55px;line-height: 55px;padding: 0px 35px;color: #fff;display: block;transition: 0.3s ease 0s;}
.PageNav .NavList li:hover,.PageNav .NavList li.select{ background: #fff;}
.PageNav .NavList li:hover a{ color: #10458f; }
.PageNav .NavList li.select a{ color: #10458f; }
.PageNav .NavList li:hover::before{ position: absolute; content: ''; width: 100%; height: 4px; background: #10458f; left: 0; top: 0;}
.PageNav .NavList li.select::before{position: absolute; content: ''; width: 100%; height: 4px; background: #10458f; left: 0; top: 0;}
.PageNav .Crumbs{ width: 32%;text-align: right; position: relative; float: right;}
.PageNav .Crumbs .crumbs{ line-height: 55px; height: 55px;font-size: 16px; }
.PageNav .Crumbs .crumbs .fangzi{display: inline-block; width: 19px; height: 18px;  background: url(../images/home.png); margin-right: 5px; margin-bottom: -1px;}
.PageNav .Crumbs .crumbs span{ color: #fff;}
.PageNav .Crumbs .crumbs a{display: inline-block;font-size: 14px;color: #fff;margin: 0 5px;}
.PageCon{ width: 100%; position: relative;padding: 60px 0; background: url(../images/bg_intro.jpg) center no-repeat;}
.PageCon .PageAbout{ font-size: 16px; line-height: 35px; color: #666;  }
.PageCon .PageAbout img{ max-width:100%;}
.PageCon .LnImg{ width: 36%; float: left;}
.PageCon .LnN{ width: 60%; float: right; margin-top: 50px;}
.PageCon .LnN .T{ font-size: 28px; font-weight: bold; color: #10458f; margin-bottom: 40px;}
.PageCon .LnN .Tc{ font-size: 15px; line-height: 32px; color: #666;}
.PageCon .qywh{ font-size: 18px; line-height: 32px; color: #333; float: left; margin-top: 50px; font-weight: bold;}
.PageCon .whImg{ float: right;}
.PageNews{ width: 100%; position: relative;padding: 60px 0;}
.PageNews .NewsList{ width: 100%; position: relative;}
.PageNews .NewsList li{ margin-right: 1.5%; width: 23.875%;  margin-bottom: 1.5%;  float: left; position: relative;}
.PageNews .NewsList li:nth-child(4n){margin-right: 0;}
.PageNews .NewsList li .Img{position:relative ; overflow: hidden; width: 100%;}
.PageNews .NewsList li .Img img{width:100%; transform: scaleX(1) scaleY(1);transition: all 0.5s ease 0s;}
.PageNews .NewsList li:hover .Img img{transform: scaleX(1.1) scaleY(1.1);}
.PageNews .NewsList li .NewsTit{ width: 100%; background: #f4f9fd; position: relative; z-index: 2;-moz-transition:all .5s ease 0s; -ms-transition:all .5s ease 0s; -o-transition:all .5s ease 0s; -webkit-transition:all .5s ease 0s; transition:all .5s ease 0s; }
.PageNews .NewsList li .NewsTit .Text_box{ padding: 25px 15px;}
.PageNews .NewsList li .NewsTit p{ font-size: 16px; color: #000;font-weight: bold; line-height: 28px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;
-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.PageNews .NewsList li .NewsTit span{font-size: 14px; color: #666; line-height: 28px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; margin: 10px 0;}
.PageNews .NewsList li .NewsTit b{font-size: 14px; color: #000; font-weight: normal;}
.PageNews .NewsList li:hover .NewsTit{background: -webkit-linear-gradient(120deg, #006bb3, #10458f);background: -o-linear-gradient(120deg, #006bb3, #10458f);background: -moz-linear-gradient(120deg, #006bb3, #10458f);background: linear-gradient(120deg, #006bb3, #10458f);}
.PageNews .NewsList li:hover .NewsTit p,.PageNews .NewsList li:hover .NewsTit span,.PageNews .NewsList li:hover .NewsTit b{ color: #fff;}

.detailT{ width: 100%; position: relative;}
.detailT .Img{ width: 48%; float: left;}
.detailT .detailY{ width: 48%;}
.detailT .detailY .title{ font-size: 20px; color: #10458f; font-weight: bold; line-height: 30px;}
.detailT .detailY .x{ margin: 15px 0; width: 100%; height: 2px; background: #ccc;}
.detailT .detailY .titmd{ font-size: 16px; color: #666; line-height: 32px;}

.pageNewsT{ width:100%; margin:0 auto; font-size:20px; text-align:center; color:#333; font-weight:bold;}
.pageNewsC{ width:100%; margin:0 auto; font-size:14px; color:#333; text-align:center; padding:20px 0; border-bottom:dashed 1px #999;}
.pageNewsD{ width:100%; margin:0 auto; font-size:15px; color:#333; line-height:32px; margin-top:20px;}
.pageNewsD img{ max-width:100%; margin:5px 0;}

.contentUs{ width: 100%; position: relative; background:#fff;}
#allmap{width: 100%; height: 330px; float: left;}
.contentUs .list{ overflow:hidden;  font-size:20px; color:#000; line-height:28px; text-transform:uppercase; background:#fff;}
.contentUs .list li{ float:left; width:33.33%; overflow:hidden; text-align:center; margin-top:4%; margin-bottom:4%;}
.contentUs .list li .box{ padding-left:10%; padding-right:10%; border-right:1px solid #e3e3e3;}
.contentUs .list li:last-child .box{ border-right:none;}
.contentUs .list li .box em.bgs1 {background-image: url(../images/contact_pic1.png);}
.contentUs .list li .box em.bgs2 {background-image: url(../images/contact_pic2.png);}
.contentUs .list li .box em.bgs3 {background-image: url(../images/contact_pic3.png);}
.contentUs .list li:hover em{transform: rotate(360deg);}
.contentUs .list li .box em{margin: 0 auto;width: 120px;height: 120px; display: block; transition: all 0.3s;background-repeat: no-repeat;background-position: center center; background-size: 100% 100%; margin-bottom: 5%;transition: all 0.3s;}
.contentUs .list li .box .h3{ font-size:16px; color:#666; font-weight:normal; margin-bottom:10px;}
.contentUs .list li .box p{ font-size: 18px; color: #000; line-height: 30px; font-weight: bold;}

.PageProduct{ width: 100%; position: relative; padding: 60px 0;}
.PageProduct .ProList li{ width: 23.5%;  float: left; position: relative;margin-right: 2%; margin-bottom: 2%;}
.PageProduct .ProList li:nth-child(4n){margin-right: 0;}
.PageProduct .ProList li .Img{position:relative ; overflow: hidden; width: 100%;}
.PageProduct .ProList li .Img img{width:100%; transform: scaleX(1) scaleY(1);transition: all 0.5s ease 0s;}
.PageProduct .ProList li:hover .Img img{transform: scaleX(1.1) scaleY(1.1);}
.PageProduct .ProList li .empty{ height: 60px;}
.PageProduct .ProList li .ProTit{ width: 100%; position:absolute; bottom: 0; left: 0;}
.PageProduct .ProList li .ProTit .Text_box{ padding:15px; height: 60px;  -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;background: #f5f5f5; line-height: 30px;}
.PageProduct .ProList li .ProTit p{ font-size: 16px; color: #333; font-weight: bold;}
.PageProduct .ProList li .ProTit span{font-size: 14px; color: #999; line-height: 28px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; margin: 5px 0;}
.PageProduct .ProList li .ProTit b{font-size: 14px; color: #666; font-weight: normal; display: none;}
.PageProduct .ProList li:hover .ProTit .Text_box{background: -webkit-linear-gradient(110deg, #006bb3, #10458f);background: -o-linear-gradient(110deg, #006bb3, #10458f);background: -moz-linear-gradient(110deg, #006bb3, #10458f);background: linear-gradient(110deg, #006bb3, #10458f); height: 100px;padding: 20px 15px;}
.PageProduct .ProList li:hover .ProTit p{color: #fff;}
.PageProduct .ProList li:hover .ProTit span{color: #fff;}
.PageProduct .ProList li:hover .ProTit b{ display: block; color: #fff;}
.Prolistb{width:100%; position:relative; }
.downlist{ width: 70%; float: left; padding: 2%; background: #fafafa;}
.Newslist01{width: 27.75%; float: right;}
.Newslist01 .nsearch-lant{ font-size: 20px; font-weight: bold;margin-bottom: 19px;color: #333333;border-left: 6px solid #2266b9; line-height: 1;    padding-left: 8px;}
.Newslist01 .news_hot .item{margin-bottom: 15px;}
.Newslist01 .news_hot .infor{padding: 20px 32px 38px 23px;background: #fff;}
.Newslist01 .news_hot .infor .tit{ font-size: 18px;color: #333;font-weight: bold; margin-bottom: 11px;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.Newslist01 .news_hot .infor .con{font-size: 14px;color:#666;line-height: 24px;height: 48px;overflow: hidden;}
.Newslist01 .pages1{ width:100%; padding: 5%; background: #fafafa; margin-bottom: 30px;}
.Newslist01 .pages1_l{ float:left; width:100%; margin-bottom: 40px;}
.Newslist01 .pages1_l p{font-size: 18px;font-weight: bold; color: #10458f; position: relative;}
.Newslist01 .pages1_l p::before{ content:''; position: absolute; width: 80%; height:1px; right:0; top:50%; background: #ddd; }
.Newslist01 .pages1_l a{ line-height:26px; color:#333; font-size: 15px;}
.Newslist01 .pages1_l:hover a{ color:#10458f;}
.Newslist01 .pages1_r{ float:left; width:100%; }
.Newslist01 .pages1_r p{font-size: 18px;font-weight: bold; color: #10458f; position: relative;}
.Newslist01 .pages1_r p::before{ content: ''; position: absolute; width: 80%; height: 1px; right: 0; top: 50%; background: #ddd; }
.Newslist01 .pages1_r a{ line-height:26px; color:#333;display:block; font-size: 15px;}
.Newslist01 .pages1_r:hover a{ color:#10458f;}

.picFocus{ float:left;  width:38%;  position:relative;  overflow:hidden;  zoom:1; }
.picFocus .hd{ width:100%; padding-top:5px;  overflow:hidden; }
.picFocus .hd ul{ width: 88%; margin: 0 auto; overflow:hidden; zoom:1;}
.picFocus .hd ul li{ padding-top:5px; float:left;  text-align:center;  margin-right: 2%; width: 23.5%;}
.picFocus .hd ul li:nth-child(4n){ margin-right: 0;}
.picFocus .hd ul li img{width:100%; border:2px solid #ddd; cursor:pointer; margin-right:8px; display:block;}
.picFocus .hd ul li.on{background:url("images/icoUp.gif") no-repeat center 0; }
.picFocus .hd ul li.on img{ border-color:#10458f;  }
.picFocus .bd li{ vertical-align:middle; }
.picFocus .bd img{ width:100%; display: flex;}
.picFocus .prev{ position:absolute; left:0 ; bottom:12px;}
.picFocus .next{ position:absolute; right:0 ; bottom:12px;}
.floatl{ float: left;width: 38%;}
.floatr{ width: 57%; float: right;}
.floatr .title{ font-size: 24px; color:#333; width:100%;word-break:break-all; padding-bottom:20px; font-weight: bold; border-bottom:  2px #f5f5f5 solid;}
.floatr .titmd{margin:20px 0; font-size: 15px; color: #666; line-height: 30px;}
.floatr .table-list{ width: 100%; border-top:1px #ccc dashed;}
.floatr .table-list tr{margin-bottom: 10px; width: 100%;}
.floatr .table-list td{ width: 100%; font-size: 14px; color:#666; line-height:24px; padding:5px 0;}
.floatr .table-list td span{ color:#333; font-weight: bold;}
.floatr .table-list .input-text{ width:40px; height: 25px; text-align:center; color:#10458f;}
.floatr .table-list .button{ width: 80px; height: 35px; text-align:center; background:#10458f; border: none; text-align:center; color:#fff; cursor:pointer; margin-top: 5px; font-size: 14px;}
.floatr .div-bz{ font-size: 20px; margin-top:20px; font-weight: bold; color: #10458f;}
.left02{ width: 100%; margin:20px auto 0; border-top:5px #f1f1f1 solid; padding-top:30px; color: #555;}
.left02 p{ font-size: 15px; line-height: 26px;}
.left02 img{max-width:100%;}
.left02 table{border-collapse:collapse;width:100%;}
.left02 table,tr{ font-size: 16px; color: #444; }
.left02 table,th, td{border: 1px solid black;text-align: center; font-size: 14px;}

/* fenye */
.pages1{ width:100%; margin:30px auto 0;}
.pages1_l{ float:left; width:100%; height:40px;}
.pages1_l a{ line-height:40px; color:#666;display:block; font-size: 14px;}
.pages1_l:hover a{ color:#10458f;}
.pages1_r{ float:left; width:100%; height:40px; }
.pages1_r a{ line-height:40px; color:#666;display:block;font-size: 14px;}
.pages1_r:hover a{ color:#10458f;}

.pages { margin:25px auto 0; text-align:center; font-size:14px;}
.pages li { display:inline-block; height:35px; line-height:35px; background:#fff; border:1px solid #ccc;  margin-left:6px;}
.pages li a{text-align:center; color:#333; padding:0 13px;}
.pages .page-active {background:#10458f;  border:1px solid #10458f;text-decoration:none}
.pages .page-active a{color:#fff; }
.pages li:hover { background:#10458f;  border:1px solid #10458f;  text-decoration:none }
.pages li:hover a{ color:#fff;}
.pages span{ display:inline-block; height:35px; line-height:35px;  border:1px solid #ccc; color:#333; text-align:center; padding:0 13px;}